//管理收货地址
<template>
	<div class="address">
		<div class="address_div">
			<!-- <img src="../assets/address/箭头.png"> -->
			<div class="text_div">
				<p>管理收货地址</p>
				<p>新建</p>
			</div>
		</div>
		<p class="text_p">我的收货地址</p>
		<div class="item_div" v-for="item in dataList">
			<div class="cla_div">
				<div class="div">
					<span>{{item.Name}} </span>
					<span>{{item.Phone}}</span>
				</div>
				<div class="div_1">
					<span>{{item.address}}</span>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				dataList: [{
						"Name": "小慕",
						"Phone": "18911023261",
						"address": "北京市海淀区西三环北路 2号院 北京理工大学 国防科技园2号楼 10层 "
					},
					{
						"Name": "小慕",
						"Phone": "18911023261",
						"address": "北京市海淀区西三环北路 2号院 北京理工大学 国防科技园2号楼 13层  "
					},
				]
			}
		}
	}
</script>

<style>
	.address {
		background-color: #f8f8f8;
		height: 100%;
		position: fixed;
		width: 100%;
	}

	.address_div {
		height: 64px;
		width: 375px;
		background-color: #ffffff;
	}

	/* .address_div :nth-child(1) {
		width: 9.6px;
		height: 16px;
	} */
	.address_div .text_div {

		display: flex;
		justify-content: space-between;
	}

	.text_div :nth-child(1) {
		padding-top: 31px;
		padding-left: 140px;
		text-align: center;
		font-size: 16px;
		color: #333333;
	}

	.text_div :nth-child(2) {
		padding-top: 32px;
		padding-right: 18px;
		font-size: 14px;
		color: #333333;
		text-align: right;
	}

	.text_p {
		padding-top: 16px;
		padding-left: 18px;
		font-size: 14px;
		color: #333333;
	}

	.cla_div {
		background: #FFFFFF;
		margin-top: 16px;
		margin-left: 18px;
		margin-right: 18px;
		width: 339px;
		height: 104px;

	}

	.cla_div .div {
		padding-top: 18px;
		padding-left: 16px;
		display: flex;
		justify-content: space-center;
		align-items: center;
	}

	.cla_div .div :nth-child(1) {

		font-size: 14px;
		padding-right: 66px;
		color: #999999;
	}

	.cla_div .div :nth-child(2) {
		font-size: 14px;
		color: #999999;
	}

	.div_1 {
		padding-top: 8px;
		padding-left: 16px;
		padding-right: 63px;
	}

	.div_1 :nth-child(1) {
		font-size: 14px;
		color: #333333;
	}
</style>
